<!--  -->
<template>
<div class='student-page'>
  <van-sticky>
    <c-title text="学员管理" :hide="false" ></c-title>
    <van-search v-model="query.student_keyword" placeholder="输入学员姓名/手机号" shape="round"   @search="onSearch"/>
  </van-sticky>
  
  <div class="student-content" v-if="studentArr.length > 0">
    <block v-for="(item,index) in studentArr" :key="index">
      <student-item :itemObj="item" :coThemeColor="coThemeColor" @studentDel="studentDel"></student-item>
    </block>
    
  </div>
  <van-empty description="暂无相关成绩"  v-else/>
  <div class="mh100"></div>
  <div class="footer-btn" :style="iPnoneBottomBol ? 'padding-bottom: 34px;' : ''">
    <van-button color="var(--themeBaseColor)" style="width:100%" round @click.stop="studentTo">+添加学员</van-button>
  </div>
</div>
</template>

<script>
import studentManage_controller from './studentManage_controller';
export default studentManage_controller;
</script>
<style lang="scss" scoped>
/* @import url(); 引入公共css类 */
    .mh100 {
      height: 6.25rem;
      clear: both;
    }
  .pcStyle   .footer-btn {
    width:23.4375rem;
    left:50%;
    transform: translate(-50%, 0);
  }
  .student-content {
    margin: 0.625rem 0.75rem 0 0.75rem;
    
  }
  .footer-btn {
    width:100%;
    background: #FFFFFF;
    padding:0.3125rem 0.75rem;
    position: fixed;
    bottom:0;
    left:0;
  }
</style>